<template>
  <div>
    <!-- <input type="text" v-model="modelValue"> -->
    <p>{{  modelValue  }}</p>
    <button @click="add">按钮</button>
  </div>
</template>

<script setup>
// import { defineProps, defineEmits } from 'vue'
defineProps({
  modelValue: {
    type: Number,
    default: 0
  },
  abc: {
    type: Number,
    default: 0
  }
})
const emit = defineEmits(['update:modelValue', 'update:abc'])
const add = () => {
  emit('update:modelValue', 20)
  emit('update:abc', 30)
}
</script>

<style lang="scss" scoped>

</style>